<template>
     <div id="box">
          <header>
               <ul>
                 <li @click="fanhui"><img src="../assets/img/fanhui.png"></li>
                 <li>常见问题</li>
                 <li></li>
               </ul>
          </header>
          <section>
                <p v-for="list in lists">{{list.text}}</p>
          </section>
          
      </div>
</template>

<script>
  import".././assets/js/jquery-1.12.4.min.js"
export default {
  name: 'box',
  data () {
    return{
    lists:[
       {text:"Q1：如何下载一喂直达手机APP"},
       {text:"1、登录一喂直达官网www.yiweizd.com,选择手机端下载，或扫描二维码"},
       {text:"2、去各大应用市场直接搜索：一喂直达，点击下载"},
       {text:"Q1：如何下载一喂直达手机APP"},
       {text:"1、登录一喂直达官网www.yiweizd.com,选择手机端下载，或扫描二维码"},
       {text:"2、去各大应用市场直接搜索：一喂直达，点击下载"},
       {text:"Q1：如何下载一喂直达手机APP"},
       {text:"1、登录一喂直达官网www.yiweizd.com,选择手机端下载，或扫描二维码"},
       {text:"2、去各大应用市场直接搜索：一喂直达，点击下载"},
       {text:"Q1：如何下载一喂直达手机APP"},
       {text:"1、登录一喂直达官网www.yiweizd.com,选择手机端下载，或扫描二维码"},
       {text:"2、去各大应用市场直接搜索：一喂直达，点击下载"},
    ]
    }
  },
  methods:{
    fanhui(){
      this.$router.go(-1)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/changjianwenti.less";
   @import ".././assets/css/reset.css";
</style>